{% extends "base.html" %}
{% block title %}公众号管理平台{% endblock %}
{% block content %}
<div id="page-inner">
    <div class="row">
        <div class="col-md-12">
            <h1 class="page-head-line">仪表盘</h1>
            <h1 class="page-subhead-line">监控数据</h1>
        <div class="row">
        <div class="col-md-12 col-sm-4">
            <div class="panel panel-info">
                <div class="panel-heading">
                    服务状态
                </div>
                 <div class="panel-body">
                    <div class="row">
                        <div class="col-md-11">
                <div class="table-responsive">
                    <table class="table table-striped table-bordered table-hover">
                        <thead>
                            <tr>
                                <th>序号</th>
                                <th>客户名称</th>
                                <th>运营状态</th>
                                <th>服务状态</th>
                                <th>服务版本</th>
                                <th>服务节点</th>
                            </tr>
                        </thead>
                        <tbody>
                        {% for c in customs %}
                            <tr>
                                <td>{{ c.id }}</td>
                                <td><a href="{{ c.url }}" target="_blank">{{ c.name }}</a></td>
                                <td><span class="label label-{{ c.stateclass }}">{{ c.state }}</span></td>
                                <td><span class="label label-{{ c.statusclass }}">{{ c.status }}</span></td>
                                <td>{{ c.version }}</td>
                                <td>{{ c.node }}</td>
                            </tr>
                        {% endfor %}
                        </tbody>
                    </table>
                </div>

                </div>
                    </div>
                <div class="panel-footer">
                    Panel Footer
                </div>
            </div>
        </div>
        </div>

    </div>
</div>
</div>
    </div>
{% endblock %}


